<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<title>后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@import
	url("<%=request.getContextPath()%>/style/default/css/common.css");
</style>
<script type="text/javascript" src="<%=request.getContextPath()%>/script/prototype-1.6.0.3.js">
</script>
<script type="text/javascript" src="<%=request.getContextPath()%>/script/pageloader.js">
</script>
<script type="text/javascript">

	function HideItem(obj){
		//var obj=document.getElementById(id);
		if(obj) obj.style.display="none";
	}
	function ShowItem(obj){
		//var obj=document.getElementById(id);
		if(obj) obj.style.display="";
	}

	function SwitchTab(tabsid,tabid){
		var tabs=$(tabsid);
		if(!tabs)return;
		var tabstitlelist=tabs.down(".LIB_TAB_Title");
		var tab=tabstitlelist.down("TD");
		var i=0;
		while(tab && ++i<10){
			if(tab.hasClassName("LIB_TAB_Title_EMPTY")) continue;
			var contentid="tabpage_content_"+tab.id;
			if(tab.id==tabid){
				tab.addClassName("LIB_TAB_Title_SELECTED");
				ShowItem($(contentid));
			}else{
				tab.removeClassName("LIB_TAB_Title_SELECTED");
				HideItem($(contentid));
			}
			tab=tab.next("TD");
		}
	}
	function UpdateTab3(){
		new Ajax.PeriodicalUpdater($("tabpage_content_tab3_sub1"), "tab3_content.htm");
	}
	/*
	function SwitchTab(id,tabsid){
		var tabs=document.getElementById(tabsid);
		

		
		if(tabs==null)return;
		var list=tabs.rows[0].cells;
		for(var i=0;i<list.length;i++){
			var tab=list[i];
			if(tab.id=="") continue;
			if(tab.id==id){
				tab.className="LIB_TAB_Title_SELECTED";
				ShowItem("tabpage_submenu_"+id);
				ShowItem("tabpage_content_"+id);
				
			}else{
				tab.className="";
				HideItem("tabpage_submenu_"+id);
				HideItem("tabpage_content_"+id);
			}
			
			
		}
	}*/
</script>
</HEAD>
<BODY style="padding:10px;">
			<div class="LIB_TAB_Container" id="tabs_main">
				<table class="LIB_TAB_Title" cellpadding="0" cellspacing="0">
					<tr>
						<td nowrap id="tab1" class="LIB_TAB_Title_SELECTED"><a
							href="#" onclick="SwitchTab('tabs_main','tab1')">
						<div><img src="images/icon/16_save.png">选项卡的使用</div>
						</a></td>
						<td nowrap id="tab2"><a href="#" onclick="SwitchTab('tabs_main','tab2')">
						<div>表格的使用</div>
						</a></td>
						<td nowrap id="tab3"><a href="#" onclick="SwitchTab('tabs_main','tab3');UpdateTab3()">
						<div><img src="images/icon/16_home.png">其他注意事项</div>
						</a></td>
						<td class="LIB_TAB_Title_EMPTY">&nbsp;</td>
					</tr>
				</table>
				
				<div class="LIB_TAB_Content_frame" id="tabpage_content_tab1">
					<div class="LIB_TAB_SubMenu">
						<a href="#" id="tab1_sub1" onclick="SwitchSubTab(this)">功能链接1</a>
						<span class="spacer"></span>
						<a href="#" id="tab1_sub2">功能链接2</a>
						<span class="spacer"></span>
						<a href="#" id="tab1_sub3" class="selected">功能链接3</a>
					</div>
					<div class="LIB_TAB_Content" id="tabpage_content_tab1_sub1">
						<div class="comment">
							选项卡的使用：
								<ul style="">
									<li>请和上层容器保持5个像素的间距，比方说在上层设置padding:5px;</li>
									<li>如果有子菜单就加入div class="LIB_TAB_SubMenu"，没有就整个不需要此段。</li>
									<li>tab页内部的说明改为放在tab里。此说明只针对当前选择的选项卡，不同的选项卡的说明应该是不同的，如果是一致的就说明是对整个选项卡的说明，应该放在选项卡外部（上面）。</li>
									<li>选项卡在使用时要保持连贯性，通过选项卡切换的页面只替换选项卡内的内容，而不应该对外部页面的布局或内容产生影响。</li>
								</ul>
						</div>
						
						<fieldset>
							<legend>分组内容 </legend>
							分组展示的内容都放在fieldset内；<br>
						</fieldset>
						
						<fieldset>
							<legend>输入控件</legend>
							输入框需要加个样式，使用统一样式即可；<br>
							<input type="text" class="TextInput" value="">
							<input type="file" value="">
							<input type=radio value="">
							<input type=checkbox value="">
							<br>
							</br>
							按钮可以使用 input type="button"，也可以使用button.
							<input type="button" class="CommonButton" style="width:180px" value="这是一个使用input的按钮" />  　　
						<button class="CommonButton" style="width:180px"><img src="images/icon/16_alert.png" style="vertical-align:bottom" />这是一个使用button的按钮</button>	
						</fieldset>
					</div>
				</div>
				<div class="LIB_TAB_Content_frame" id="tabpage_content_tab2" style="display:none">
					<div class="LIB_TAB_Content">
						<fieldset>
							<legend>表格</legend>
							表格仍然使用原有的样式，样式名略有变化：
							
							<table class="LIB_Table" cellspacing=0>
								<tr class="Head">
									<td align=center nowrap>修改时间</td>
									<td align=center nowrap>标题</td>
									<td  align=center nowrap>提供人</td>
									<td align=center width=40>状态</td>
									<td align=center nowrap>发布时间</td>
								</tr>
	
								<tr class=Row1>
									<td align=center nowrap>09-09-28 15:43</td>
									<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
										onmouseout="StyleColorChange(this,'','#000000')" 
										align=left width="200" style="cursor:pointer">
										本网特邀请中国航天科技集团
									</td>
									<td  align=center nowrap><label>系统管理员</label></td>
									<td align=center nowrap><label class="Status_Active">发布</label></td>
								</tr>
								<tr class=Row1>
									<td align=center nowrap>09-09-28 15:43</td>
									<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
										onmouseout="StyleColorChange(this,'','#000000')" 
										align=left width="200" style="cursor:pointer">
										本网特邀请中国航天科技集团
									</td>
									<td  align=center nowrap><label>系统管理员</label></td>
									<td align=center nowrap><label class="Status_Active">发布</label></td>
								</tr>
								<tr class=Row1>
									<td align=center nowrap>09-09-28 15:43</td>
									<td onmouseover="StyleColorChange(this,'#4169E1','#ffffff')" 
										onmouseout="StyleColorChange(this,'','#000000')" 
										align=left width="200" style="cursor:pointer">
										本网特邀请中国航天科技集团
									</td>
									<td  align=center nowrap><label>系统管理员</label></td>
									<td align=center nowrap><label class="Status_Active">发布</label></td>
								</tr>
							</table>
						</fieldset>
					</div>	
				</div>
				<div class="LIB_TAB_Content_frame" id="tabpage_content_tab3" style="display:none">
					<div class="LIB_TAB_Content" id="tabpage_content_tab3_sub1">adsfsdf
					</div>
				</div>
			</div>
</body>
</html>